//webpack的配置文件

var path = require("path")


const { VueLoaderPlugin } = require('vue-loader')

// 在内存中，根据指定的模板页面，生成一份内存中的首页，同时自动把打包好的bundle注入到页面底部
// 如果要配置插件，需要在导出的对象中，挂载一个 plugins 节点
var httpWebpackPlaugin = require("html-webpack-plugin")

module.exports = {  //把里面的东西暴露出去,导出对象

    entry: path.join(__dirname, "./src/main.js"), //指定入口文件目录
    output: {

        path: path.join(__dirname, "./dist"),//输出文件目录

        filename:"bundle.js" //输出文件名称

    },
    plugins:[  //所有webpack插件的配置节点
        new httpWebpackPlaugin({
            template: path.join(__dirname,"./src/index.html"),//指定要在内存中生成的模板页面目录

            filename:"index.html"  //在内存中生成的页面的名称
        }),
        new VueLoaderPlugin() //vue-loader加载 是因为vue-loader，15的版本需要再添加plugin的配置

    ],
    module:{ //配置所有第三方loader模块
        rules:[ //loader匹配规则
            { test:/\.css$/,use:[ 'style-loader','css-loader' ] },
            { test:/\.less$/,use:[ 'style-loader','css-loader','less-loader' ] },
            { test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader' },
            { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=7245&name=[hash:8]-[name].[ext]' }, // 处理 图片路径的 loader

            { test:/\.vue$/,use:'vue-loader' }

        ]
    }

}



